html {
	scroll-behavior: smooth
}

@media screen and (prefers-reduced-motion:reduce) {
	html {
		scroll-behavior: auto
	}
}

.hljs {
	background: #fff;
	color: #000
}

.hljs-comment,.hljs-quote,.hljs-variable {
	color: green
}

.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag {
	color: #00f
}

.hljs-addition,.hljs-attribute,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type {
	color: #a31515
}

.hljs-deletion,.hljs-meta,.hljs-selector-attr,.hljs-selector-pseudo {
	color: #2b91af
}

.hljs-doctag {
	color: grey
}

.hljs-attr {
	color: red
}

.hljs-bullet,.hljs-link,.hljs-symbol {
	color: #00b0e8
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.hljs {
	-webkit-overflow-scrolling: touch;
	background-color: #f0f0f0;
	border-radius: 4px;
	font-family: Consolas,Courier,Courier New,monospace;
	font-size: 14px;
	line-height: 1.7;
	overflow-x: auto;
	padding: 10px 12px
}

.hljs,pre code.nohighlight {
	display: block
}

@media (prefers-color-scheme:dark) {
	.hljs {
		background-color: #383838;
		color: #cecece
	}

	.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol {
		color: #569cd6
	}

	.hljs-link {
		text-decoration: underline
	}

	.hljs-built_in,.hljs-type {
		color: #4ec9b0
	}

	.hljs-class,.hljs-number {
		color: #b8d7a3
	}

	.hljs-meta .hljs-string,.hljs-string {
		color: #d69d85
	}

	.hljs-regexp,.hljs-template-tag {
		color: #9a5334
	}

	.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title {
		color: #dcdcdc
	}

	.hljs-comment,.hljs-quote {
		color: #57a64a;
		font-style: italic
	}

	.hljs-doctag {
		color: #608b4e
	}

	.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag {
		color: #9b9b9b
	}

	.hljs-template-variable,.hljs-variable {
		color: #bd63c5
	}

	.hljs-attr,.hljs-attribute {
		color: #9cdcfe
	}

	.hljs-section {
		color: gold
	}

	.hljs-emphasis {
		font-style: italic
	}

	.hljs-strong {
		font-weight: 700
	}

	.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag {
		color: #d7ba7d
	}

	.hljs-addition {
		background-color: #144212
	}

	.hljs-addition,.hljs-deletion {
		display: inline-block;
		width: 100%
	}

	.hljs-deletion {
		background-color: #600
	}
}

#p-i {
	color: #3c5675;
	font-family: Roboto,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
	line-height: 1.6;
	margin: 0;
	padding: 0
}

#p-i ::-webkit-scrollbar {
	background: transparent;
	height: 5px;
	width: 5px
}

@media (min-width:1024px) {
	#p-i ::-webkit-scrollbar {
		height: 8px;
		width: 8px
	}
}

#p-i ::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,.2)
}

@media screen and (prefers-color-scheme:dark) {
	#p-i {
		background-color: #303030;
		color: #bfbfbf
	}

	#p-i ::-webkit-scrollbar-thumb {
		background: hsla(0,0%,100%,.3)
	}
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Thin.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Thin.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto ThinItalic"),local("Roboto-ThinItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-ThinItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-ThinItalic.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Light.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Light.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto LightItalic"),local("Roboto-LightItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-LightItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-LightItalic.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular"),local("Roboto-Regular"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Regular.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Regular.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto RegularItalic"),local("Roboto-RegularItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-RegularItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-RegularItalic.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Medium.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Medium.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto MediumItalic"),local("Roboto-MediumItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-MediumItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-MediumItalic.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Bold.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Bold.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto BoldItalic"),local("Roboto-BoldItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-BoldItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-BoldItalic.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black"),local("Roboto-Black"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Black.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-Black.woff) format("woff")
}

@font-face {
	font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto BlackItalic"),local("Roboto-BlackItalic"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-BlackItalic.woff2) format("woff2"),url(//cdn.jsdelivr.net/npm/mdui@1.0.0/dist/fonts/roboto/Roboto-BlackItalic.woff) format("woff")
}

#p-i .container {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1040px;
	overflow: hidden;
	padding: 0 16px
}

#p-i .clearfix:after,#p-i .clearfix:before {
	content: " ";
	display: table
}

#p-i .clearfix:after {
	clear: both
}

#p-i .row {
	margin-left: -16px;
	margin-right: -16px
}

#p-i .col {
	float: left;
	padding-left: 16px;
	padding-right: 16px
}

#p-i .btn,#p-i .col {
	box-sizing: border-box
}

#p-i .btn {
	zoom: 1;
	-webkit-user-drag: none;
	background: transparent;
	border: 1px solid #1a73e8;
	border-radius: 4px;
	color: #1a73e8;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	height: 36px;
	letter-spacing: .04em;
	line-height: 34px;
	margin: 0;
	outline: none;
	overflow: hidden;
	padding: 0 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	touch-action: manipulation;
	transition: all .2s,box-shadow .2s;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	will-change: box-shadow
}

#p-i .btn:hover {
	background-color: rgba(26,115,132,.06)
}

#p-i .btn:active {
	background-color: rgba(26,115,132,.12)
}

#p-i .btn-large {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	padding: 0 24px
}

#p-i a {
	color: #7e96b3;
	text-decoration: none;
	transition: color .2s
}

#p-i a:hover {
	color: #1a73e8
}

#p-i .shadow {
	box-shadow: 0 0 2px 0 rgba(60,64,67,.3),0 0 3px 1px rgba(60,64,67,.15)
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .btn {
		border-color: #8ab4f8
	}

	#p-i .btn,#p-i a:hover {
		color: #8ab4f8
	}

	#p-i .shadow {
		box-shadow: 0 0 3px 0 hsla(0,0%,67%,.3),0 0 4px 2px hsla(0,0%,67%,.15)
	}
}

#p-i .container-appbar {
	overflow: visible
}

#p-i .appbar {
	align-items: center;
	display: flex;
	height: 64px
}

#p-i .appbar .spacer {
	flex-grow: 1
}

#p-i .appbar .logo {
	align-items: center;
	color: #1a73e8;
	display: flex;
	font-size: 22px;
	height: 100%;
	text-decoration: none
}

#p-i .appbar .dropdown>a,#p-i .appbar .item {
	align-items: center;
	display: flex;
	font-size: 16px;
	height: 100%;
	margin: 0 4px;
	padding: 0 6px;
	position: relative
}

#p-i .appbar .item:last-child {
	margin-right: 0
}

#p-i .appbar .dropdown {
	margin: 0;
	padding: 0
}

#p-i .appbar .dropdown>a {
	margin-right: 8px;
	padding-right: 14px;
	position: relative
}

#p-i .appbar .dropdown>a:after {
	border: 4px solid #fff;
	border-top-color: #666;
	content: "";
	margin-left: 3px;
	position: absolute;
	right: 0;
	top: 48%
}

#p-i .appbar .dropdown-content {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
	display: none;
	padding: 8px 0;
	position: absolute;
	top: 64px;
	z-index: 99
}

#p-i .appbar .dropdown:last-child .dropdown-content {
	right: 0
}

#p-i .appbar .dropdown-content a {
	display: block;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	white-space: nowrap
}

#p-i .appbar .dropdown-content a:hover {
	background-color: #eee
}

#p-i .appbar .dropdown:hover .dropdown-content {
	display: block
}

@media screen and (max-width:600px) {
	#p-i .appbar {
		height: 56px
	}

	#p-i .appbar .dropdown-content {
		top: 56px
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .appbar .logo {
		color: #8ab4f8
	}

	#p-i .appbar .dropdown>a:after {
		border-color: #7e96b3 #303030 #303030
	}

	#p-i .appbar .dropdown-content {
		background-color: #424242
	}

	#p-i .appbar .dropdown-content a {
		color: #bfbfbf
	}

	#p-i .appbar .dropdown-content a:hover {
		background-color: #616161
	}
}

#p-i .banner {
	padding-bottom: 82px;
	padding-top: 96px;
	text-align: center
}

#p-i .banner h1 {
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 24px
}

#p-i .banner .meta {
	font-size: 20px;
	margin: 0 auto 48px;
	max-width: 80%;
	opacity: .76
}

#p-i .banner .actions a {
	margin-left: 8px;
	margin-right: 8px
}

@media screen and (max-width:600px) {
	#p-i .banner {
		padding-bottom: 42px;
		padding-top: 40px
	}

	#p-i .banner h1 {
		font-size: 22px
	}

	#p-i .banner .meta {
		font-size: 16px;
		margin-bottom: 38px;
		max-width: 90%
	}
}

#p-i .feature {
	background-image: linear-gradient(180deg,#eff2f6,rgba(239,242,246,0) 220px);
	padding: 56px 0 80px
}

#p-i .feature h2 {
	color: #1a73e8;
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	text-align: center
}

#p-i .feature .meta {
	font-size: 20px;
	margin: 16px auto 56px;
	max-width: 60%;
	text-align: center
}

#p-i .feature ul {
	opacity: .76
}

#p-i .feature li+li {
	margin-top: 24px
}

#p-i .feature pre {
	margin: 0
}

@media screen and (max-width:600px) {
	#p-i .feature {
		padding: 38px 0 52px
	}

	#p-i .feature h2 {
		font-size: 22px
	}

	#p-i .feature .meta {
		font-size: 16px;
		margin-bottom: 36px;
		margin-top: 8px;
		max-width: 90%
	}

	#p-i .feature ul {
		font-size: 14px
	}

	#p-i .feature li+li {
		margin-top: 8px
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .feature {
		background-image: linear-gradient(180deg,#363636,rgba(54,54,54,0) 170px)
	}

	#p-i .feature h2 {
		color: #8ab4f8
	}
}

#p-i .material .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .material .cover {
	background-image: url(5c66d373136a461965c4582ee959e15b.png);
	background-size: cover;
	border-radius: 4px;
	height: 0;
	padding-bottom: 39.26%;
	width: 100%
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .material .cover {
		background-image: url(cc7eb323351c162b1def89c10888c680.png)
	}
}

@media screen and (max-width:600px) {
	#p-i .material .cover {
		background-image: url(7ea0876a7e13caaf88c5c6bf1e0bd0f4.png);
		padding-bottom: 78.4%
	}
}

@media screen and (prefers-color-scheme:dark) and (max-width:600px) {
	#p-i .material .cover {
		background-image: url(45b35dd385ff0d2b36cecaf425729ff7.png)
	}
}

#p-i .responsive .row {
	align-items: center;
	display: flex
}

#p-i .responsive .text {
	padding-left: 48px;
	width: 26%
}

#p-i .responsive .image {
	width: 74%
}

#p-i .responsive .cover {
	background-image: url(62e74d234838c381bd404fe61ce12692.png);
	background-size: cover;
	border-radius: 4px;
	height: 0;
	padding-bottom: 52.44%;
	width: 100%
}

#p-i .responsive ul {
	padding-left: 24px
}

@media screen and (max-width:900px) {
	#p-i .responsive .text {
		padding-left: 16px
	}
}

@media screen and (max-width:740px) {
	#p-i .responsive .image {
		width: 66%
	}

	#p-i .responsive .text {
		width: 34%
	}
}

@media screen and (max-width:600px) {
	#p-i .responsive .row {
		display: block
	}

	#p-i .responsive .col {
		width: 100%
	}

	#p-i .responsive .text {
		padding-left: 16px
	}

	#p-i .responsive ul {
		margin-bottom: 0;
		margin-top: 16px
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .responsive .cover {
		background-image: url(583d45e46daec8bcc66fc2a54be39122.png)
	}
}

#p-i .lightweight .col {
	width: 50%
}

#p-i .lightweight ul {
	padding: 0 60px 0 100px
}

#p-i .lightweight .item {
	align-items: center;
	display: flex
}

#p-i .lightweight .item+.item {
	margin-top: 16px
}

#p-i .lightweight label {
	display: inline-block;
	font-size: 14px;
	min-width: 86px;
	opacity: .76;
	width: 86px
}

#p-i .lightweight .content {
	display: flex;
	flex: 1;
	height: 21px
}

#p-i .lightweight .graph {
	border: 2px solid rgba(26,115,232,.3);
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	height: 100%;
	margin-right: 16px
}

#p-i .lightweight .size {
	font-size: 14px;
	opacity: .76
}

#p-i .lightweight .active {
	color: #1a73e8
}

#p-i .lightweight .active label {
	opacity: 1
}

#p-i .lightweight .active .graph {
	border-color: #1a73e8
}

#p-i .lightweight .active .size {
	opacity: 1
}

@media screen and (max-width:840px) {
	#p-i .lightweight ul {
		padding: 0 40px 0 60px
	}
}

@media screen and (max-width:720px) {
	#p-i .lightweight ul {
		margin-top: 0;
		padding: 0 32px 0 48px
	}
}

@media screen and (max-width:600px) {
	#p-i .lightweight ul {
		margin-bottom: 0;
		margin-top: 36px;
		padding: 0 0 0 24px
	}

	#p-i .lightweight .row {
		display: flex;
		flex-direction: column-reverse
	}

	#p-i .lightweight .col {
		width: 100%!important
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .lightweight .graph {
		border-color: rgba(138,180,248,.3)
	}

	#p-i .lightweight .active {
		color: #8ab4f8
	}

	#p-i .lightweight .active .graph {
		border-color: #8ab4f8
	}
}

#p-i .dark-mode .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .dark-mode .row {
	align-items: center;
	display: flex
}

#p-i .dark-mode .image {
	width: 59%
}

#p-i .dark-mode .text {
	width: 41%
}

#p-i .dark-mode ul {
	padding-left: 72px
}

#p-i .dark-mode .cover {
	background-image: url(065ed141889dcde949f9cfcb14b45297.png);
	background-size: cover;
	border-radius: 4px;
	padding-bottom: 98.37%;
	width: 100%
}

@media screen and (max-width:1000px) {
	#p-i .dark-mode .image {
		width: 62%
	}

	#p-i .dark-mode .text {
		width: 38%
	}

	#p-i .dark-mode ul {
		padding-left: 56px
	}
}

@media screen and (max-width:840px) {
	#p-i .dark-mode .image {
		width: 74%
	}

	#p-i .dark-mode .text {
		width: 26%
	}

	#p-i .dark-mode ul {
		padding-left: 24px
	}
}

@media screen and (max-width:600px) {
	#p-i .dark-mode .row {
		display: block
	}

	#p-i .dark-mode .col {
		width: 100%
	}

	#p-i .dark-mode ul {
		margin-bottom: 0;
		margin-top: 36px
	}
}

#p-i .seo .col {
	width: 50%
}

#p-i .seo ul {
	list-style: none;
	margin-bottom: 0;
	margin-top: 16px;
	padding-left: 0
}

@media screen and (max-width:680px) {
	#p-i .seo .col {
		width: 100%
	}

	#p-i .seo ul {
		margin-top: 12px
	}

	#p-i .seo .secondary-screen {
		margin-top: 32px
	}
}

#p-i .editor .meta {
	margin-bottom: 36px
}

#p-i .editor .row {
	align-items: center;
	display: flex;
	padding-left: 64px;
	padding-right: 64px
}

#p-i .editor .image {
	width: 58%
}

#p-i .editor .text {
	width: 42%
}

#p-i .editor ul {
	padding-left: 80px
}

#p-i .editor .cover {
	background-image: url(88b3564370eea99b9d7a3c87df1cbfc0.png);
	background-size: cover;
	border-radius: 4px;
	padding-bottom: 126%;
	width: 100%
}

@media screen and (max-width:934px) {
	#p-i .editor .row {
		padding-left: 0;
		padding-right: 0
	}

	#p-i .editor ul {
		padding-left: 32px
	}
}

@media screen and (max-width:600px) {
	#p-i .editor .meta {
		margin-bottom: 20px
	}

	#p-i .editor .row {
		display: block
	}

	#p-i .editor .col {
		width: 100%
	}

	#p-i .editor .image,#p-i .editor .text {
		padding: 0 50px
	}

	#p-i .editor ul {
		margin-bottom: 0;
		margin-top: 36px
	}
}

@media screen and (max-width:500px) {
	#p-i .editor .image {
		padding: 0
	}

	#p-i .editor .text {
		padding: 0 16px
	}

	#p-i .editor ul {
		padding-left: 24px
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .editor .cover {
		background-image: url(92074c03305a307a00503990a224f759.png)
	}
}

#p-i .install .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .install .row {
	align-items: center;
	display: flex
}

#p-i .install .text {
	width: 35.4%
}

#p-i .install .image {
	width: 64.6%
}

#p-i .install ul {
	padding-left: 24px;
	padding-right: 40px
}

#p-i .install .cover {
	background-image: url(455d7da5178e0b9d0033157e4db4120b.png);
	background-size: cover;
	border-radius: 4px;
	padding-bottom: 51.25%;
	width: 100%
}

@media screen and (max-width:960px) {
	#p-i .install .text {
		width: 29%
	}

	#p-i .install .image {
		width: 71%
	}

	#p-i .install ul {
		padding-left: 40px;
		padding-right: 24px
	}
}

@media screen and (max-width:790px) {
	#p-i .install .text {
		width: 32%
	}

	#p-i .install .image {
		width: 68%
	}

	#p-i .install ul {
		padding-left: 24px;
		padding-right: 0
	}
}

@media screen and (max-width:600px) {
	#p-i .install ul {
		margin-bottom: 0;
		margin-top: 36px;
		padding: 0 0 0 24px
	}

	#p-i .install .row {
		flex-direction: column-reverse
	}

	#p-i .install .col {
		width: 100%!important
	}

	#p-i .install .cover {
		background-image: url(4a7727778091a7736b6caa237ecea311.png)
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .install .cover {
		background-image: url(2ace9a0b9063b964770d082f86b894d5.png)
	}
}

@media screen and (prefers-color-scheme:dark) and (max-width:600px) {
	#p-i .install .cover {
		background-image: url(8dea610e6645c09b01cecd7852b9e870.png)
	}
}

#p-i .restful .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .restful .row {
	align-items: center;
	display: flex
}

#p-i .restful .image {
	width: 58.8%
}

#p-i .restful .text {
	width: 41.2%
}

#p-i .restful ul {
	padding-left: 72px
}

#p-i .restful .cover {
	background-image: url(f327cbbb3c6c3578db367f51ef4aa78e.png);
	background-size: cover;
	border-radius: 4px;
	padding-bottom: 53.98%;
	width: 100%
}

@media screen and (max-width:960px) {
	#p-i .restful .image {
		width: 64%
	}

	#p-i .restful .text {
		width: 36%
	}

	#p-i .restful ul {
		padding-left: 56px
	}
}

@media screen and (max-width:840px) {
	#p-i .restful .image {
		width: 72%
	}

	#p-i .restful .text {
		width: 28%
	}

	#p-i .restful ul {
		padding-left: 32px
	}
}

@media screen and (max-width:720px) {
	#p-i .restful ul {
		font-size: 14px;
		padding-left: 24px
	}
}

@media screen and (max-width:600px) {
	#p-i .restful .row {
		display: block
	}

	#p-i .restful .col {
		width: 100%!important
	}

	#p-i .restful ul {
		margin-bottom: 0;
		margin-top: 36px
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .restful .cover {
		background-image: url(9ae4fc54ef0a9bcba42e71ede6e23f9d.png)
	}
}

#p-i .openapi .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .openapi .row {
	align-items: center;
	display: flex
}

#p-i .openapi ul {
	padding-left: 24px
}

#p-i .openapi .text {
	width: 36%
}

#p-i .openapi .code {
	width: 64%
}

@media screen and (max-width:820px) {
	#p-i .openapi .text {
		width: 30%
	}

	#p-i .openapi .code {
		width: 70%
	}
}

@media screen and (max-width:600px) {
	#p-i .openapi .row {
		flex-direction: column-reverse
	}

	#p-i .openapi .col {
		width: 100%!important
	}

	#p-i .openapi ul {
		margin-bottom: 0;
		margin-top: 36px
	}
}

#p-i .sdk .container {
	margin-bottom: -8px;
	padding-bottom: 8px
}

#p-i .sdk .row {
	align-items: center;
	display: flex
}

#p-i .sdk .text {
	width: 22%
}

#p-i .sdk .image {
	width: 78%
}

#p-i .sdk ul {
	padding-left: 16px
}

#p-i .sdk .cover {
	background-image: url(443059927bd3b4749ccda731397e4f22.png);
	background-size: cover;
	border-radius: 4px;
	padding-bottom: 48.29%;
	width: 100%
}

@media screen and (max-width:820px) {
	#p-i .sdk .row {
		display: block
	}

	#p-i .sdk .col {
		width: 100%!important
	}

	#p-i .sdk ul {
		margin-bottom: 0;
		margin-top: 36px;
		padding-left: 24px
	}

	#p-i .sdk li+li {
		margin-top: 8px
	}
}

@media screen and (max-width:600px) {
	#p-i .sdk .cover {
		background-image: url(6d9d457e3591fe5c011ec8e262b30e9c.png)
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .sdk .cover {
		background-image: url(cbec1cef5aec25616a0347c2a4800c81.png)
	}
}

@media screen and (prefers-color-scheme:dark) and (max-width:600px) {
	#p-i .sdk .cover {
		background-image: url(2b44793c9388d0bb7478b49d77fe023e.png)
	}
}

#p-i .footer {
	background-color: #424242;
	color: #9e9e9e;
	padding: 32px 0 16px
}

#p-i .footer a {
	color: inherit;
	text-decoration: none
}

#p-i .footer a:hover {
	color: #bbb
}

#p-i .footer .row {
	padding-bottom: 16px
}

#p-i .footer .col {
	width: 25%
}

#p-i .footer .sponsor {
	width: 50%
}

#p-i .footer h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .04em;
	margin-bottom: 18px;
	margin-top: 0
}

#p-i .footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

#p-i .footer ul li {
	margin: 0 0 10px
}

#p-i .footer .sponsor-items {
	display: flex;
	justify-content: space-evenly
}

#p-i .footer .sponsor-items img {
	border-radius: 2px;
	max-width: 166px
}

#p-i .footer .divider {
	background-color: hsla(0,0%,100%,.12);
	height: 1px;
	margin: 16px 0
}

#p-i .footer .copyright {
	text-align: center
}

@media screen and (max-width:800px) {
	#p-i .footer .sponsor-items {
		justify-content: space-between
	}

	#p-i .footer .sponsor-items img {
		width: 48%
	}
}

@media screen and (max-width:600px) {
	#p-i .footer .col {
		width: 50%
	}

	#p-i .footer .sponsor {
		display: none
	}
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .footer {
		background-color: #292929
	}
}

.notuse {
	background-image: url(b5cdf9aab0c7a4758c7a1038daee7f7d.jpg);
	background-image: url(46d0cbd5ee0599371f048c4bb23c24ae.jpg)
}

#p-d .mdui-toolbar-spacer {
	height: 100%
}

#p-d .clickable-row {
	cursor: pointer
}

#p-d pre {
	background-color: initial;
	border: none;
	border-radius: unset;
	overflow: unset;
	padding: 0
}

#p-d pre code {
	background-color: #f0f0f0;
	border-radius: 4px;
	padding: 16px
}

@media (prefers-color-scheme:dark) {
	#p-d pre code {
		background-color: #383838
	}
}

#p-d .doc-container {
	padding-bottom: 40px;
	padding-top: 40px;
	position: relative
}

@media (min-width:480px) {
	#p-d .doc-container {
		padding-bottom: 70px;
		padding-top: 60px
	}
}

@media (min-width:840px) {
	#p-d .doc-container {
		padding-bottom: 100px;
		padding-top: 80px
	}
}

#p-d .doc-container h1 {
	color: #3f51b5!important;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	margin: 0 0 20px
}

@media (prefers-color-scheme:dark) {
	#p-d .doc-container h1 {
		color: #8ab4f8!important
	}
}

@media (min-width:480px) {
	#p-d .doc-container h1 {
		font-size: 28px;
		line-height: 36px;
		margin: 0 0 25px
	}
}

@media (min-width:840px) {
	#p-d .doc-container h1 {
		font-size: 34px;
		line-height: 40px;
		margin: 0 0 30px
	}
}

#p-d .doc-toc {
	border-left: 3px solid;
	color: #3f51b5!important;
	font-size: 16px;
	margin: 48px 0 0;
	position: relative
}

@media (prefers-color-scheme:dark) {
	#p-d .doc-toc {
		color: #8ab4f8!important
	}
}

#p-d .doc-toc a {
	color: inherit;
	text-decoration: none
}

#p-d .doc-toc:before {
	color: #757575;
	content: "目录";
	font-size: 15px;
	font-weight: 400;
	line-height: 16px
}

#p-d .doc-toc:before,#p-d .doc-toc ul {
	padding-left: 16px
}

#p-d .doc-toc ul {
	list-style: none;
	margin: 0
}

#p-d .doc-toc ul li {
	margin: 1em 0
}

#p-d .doc-toc ul li:first-child {
	margin-top: 0
}

#p-d .doc-toc ul li:last-child {
	margin-bottom: 0
}

#p-d .doc-toc ul li ul {
	font-size: .83em;
	margin: 1em 0
}

#p-d .doc-toc>ul {
	margin-top: 1em
}

@media (min-width:480px) {
	#p-d .doc-toc {
		border-left-width: 4px;
		font-size: 17px;
		margin-top: 54px
	}

	#p-d .doc-toc:before,#p-d .doc-toc ul {
		padding-left: 18px
	}
}

@media (min-width:840px) {
	#p-d .doc-toc {
		border-left-width: 5px;
		font-size: 18px;
		margin-top: 60px
	}

	#p-d .doc-toc:before,#p-d .doc-toc ul {
		padding-left: 20px
	}
}

#p-d .doc-chapter {
	padding: 0 0 80px
}

#p-d .doc-chapter h2 a {
	color: inherit;
	text-decoration: none
}

#p-d .doc-chapter h2 {
	color: #3f51b5!important
}

@media (prefers-color-scheme:dark) {
	#p-d .doc-chapter h2 {
		color: #8ab4f8!important
	}
}

#p-d .doc-chapter h2 a:before {
	background-color: initial!important
}

#p-d .doc-chapter h2 {
	border-bottom: 1px solid rgba(0,0,0,.12);
	font-weight: 400;
	margin: -20px 0 .8em;
	padding-bottom: .7em
}

#p-d .doc-chapter .doc-nowrap {
	vertical-align: initial;
	white-space: nowrap
}

@media (prefers-color-scheme:dark) {
	#p-d .doc-chapter h2 {
		border-bottom-color: hsla(0,0%,100%,.12)
	}
}

#p-d .doc-chapter h2:before {
	content: "";
	display: block;
	height: 90px;
	visibility: hidden
}

#p-d .doc-chapter h3 {
	font-size: 16px;
	font-weight: 700;
	margin: -30px 0 .8em!important;
	padding-bottom: .5em;
	padding-top: 90px
}

#p-d .doc-chapter h4 {
	font-size: 16px;
	margin-top: -50px;
	padding-top: 72px
}

#p-d .doc-chapter h5 {
	font-size: 14px;
	margin-top: -50px;
	padding-top: 72px
}

#p-d .doc-code-divider {
	margin: 0 6px
}

#p-i .feature .icon {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
}

#p-i .feature .icon {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 20px
}

#p-i .feature .icon path {
	fill: #1a73e8
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .feature .icon path {
		fill: #8ab4f8
	}
}


#p-i .advantage .item {
	float: left;
	box-sizing: border-box;
	width: 50%
}

#p-i .advantage .item:nth-child(odd) {
	padding-right: 40px
}

#p-i .advantage .item .svg {
	float: left;
	width: 24px;
	height: 24px
}

#p-i .advantage .item .svg path {
	fill: #1a73e8
}

@media screen and (prefers-color-scheme:dark) {
	#p-i .advantage .item .svg path {
		fill: #8ab4f8
	}
}

#p-i .advantage .item label {
	display: block;
	height: 24px;
	padding-left: 48px;
	font-weight: 700;
	line-height: 24px
}

#p-i .advantage .item span {
	display: block;
	height: 80px;
	padding-top: 16px;
	padding-left: 48px;
	line-height: 24px
}

@media screen and (max-width:1300px) {
	#p-i .advantage .item span {
		height: 96px
	}
}

@media screen and (max-width:776px) {
	#p-i .advantage .item {
		width: 100%
	}

	#p-i .advantage .item span {
		height: auto;
		padding-top: 10px;
		padding-bottom: 32px
	}
}

.mdui-typo a {
    color: #448aff !important;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    vertical-align: top;
    outline: none;
}

.mdui-typo a:before {
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #448aff;
    transform: scaleX(0);
    backface-visibility: hidden;
    transition: all .2s;
    content: " ";
}

.mdui-typo a:focus:before,.mdui-typo a:hover:before {
	transform: scaleX(1)
}

.more-meta span+span {
	padding-left: 32px
}

.chat-btn .txt{
	color: #FFFFFF;
}

/**
 * =============================================================================
 * ************   Table 表格   ************
 * =============================================================================
 */
.mdui-table {
  position: relative;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  border-collapse: separate;
  border-spacing: 0;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdui-table tbody tr {
  position: relative;
  -webkit-transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdui-table th,
.mdui-table td {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 28px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mdui-table th {
  color: rgba(0, 0, 0, 0.54);
  font-weight: 700;
  font-size: 13px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mdui-table td {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 24px;
}
/* 每一行前面的复选框 */
.mdui-table-cell-checkbox {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 24px !important;
}
.mdui-table-cell-checkbox .mdui-checkbox {
  margin-top: 7px;
}
.mdui-table-cell-checkbox + td,
.mdui-table-cell-checkbox + th {
  padding-left: 6px !important;
}
th.mdui-table-cell-checkbox .mdui-checkbox {
  margin-top: 11px;
}
.mdui-table th:last-child,
.mdui-table td:last-child {
  padding-right: 24px;
}
.mdui-table th:first-child,
.mdui-table td:first-child {
  padding-right: 0;
  padding-left: 24px;
}
.mdui-table th:nth-child(2),
.mdui-table td:nth-child(2) {
  padding-left: 24px;
}
/* 鼠标悬浮时行背景加深 */
.mdui-table-hoverable tbody tr:hover {
  background-color: #EEEEEE;
}
/* 表格放到该元素内，使表格产生滚动条时只在该元素内滚动 */
.mdui-table-fluid {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdui-table-fluid .mdui-table {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  border: none;
}
/* 数字列，右对齐 */
.mdui-table-col-numeric {
  text-align: right !important;
}
/* 行处于选中状态 */
.mdui-table-row-selected {
  background-color: #F5F5F5;
}
/**
 * =============================================================================
 * ************   Table dark   ************
 * =============================================================================
 */
.mdui-theme-layout-dark .mdui-table {
  background-color: #303030;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.mdui-theme-layout-dark .mdui-table th,
.mdui-theme-layout-dark .mdui-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.mdui-theme-layout-dark .mdui-table th {
  color: rgba(255, 255, 255, 0.7);
}
.mdui-theme-layout-dark .mdui-table td {
  color: #ffffff;
}
.mdui-theme-layout-dark .mdui-table-hoverable tbody tr:hover {
  background-color: #616161;
}
.mdui-theme-layout-dark .mdui-table-fluid {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.mdui-theme-layout-dark .mdui-table-fluid .mdui-table {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.mdui-theme-layout-dark .mdui-table-row-selected {
  background-color: #424242;
}
@media (prefers-color-scheme: dark) {
  .mdui-theme-layout-auto .mdui-table {
    background-color: #303030;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: none;
  }
  .mdui-theme-layout-auto .mdui-table th,
  .mdui-theme-layout-auto .mdui-table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .mdui-theme-layout-auto .mdui-table th {
    color: rgba(255, 255, 255, 0.7);
  }
  .mdui-theme-layout-auto .mdui-table td {
    color: #ffffff;
  }
  .mdui-theme-layout-auto .mdui-table-hoverable tbody tr:hover {
    background-color: #616161;
  }
  .mdui-theme-layout-auto .mdui-table-fluid {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: none;
  }
  .mdui-theme-layout-auto .mdui-table-fluid .mdui-table {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
  }
  .mdui-theme-layout-auto .mdui-table-row-selected {
    background-color: #424242;
  }
}
.mdui-color-green-50 {
    background-color: #e8f5e9!important;
    color: rgba(0,0,0,.87)!important;
}

.mdui-color-blue-50 {
    background-color: #E1F5FE!important;
    color: rgba(0,0,0,.87)!important;
}

.mdui-color-orange-50 {
    background-color: #fff3e0!important;
    color: rgba(0,0,0,.87)!important;
}
.mdui-text-color-green {
    color: #4caf50!important;
}

.mdui-text-color-red {
    color: #f44336!important;
}

.mdui-ripple {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-ms-user-select: none;
	user-select: none
}

#p-i .case .item {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 16px;
	color: inherit!important;
	text-decoration: none;
	transition: all .2s cubic-bezier(.4,0,.2,1)
}